<template>
    <div>
        <div>count的值: {{ count }}</div>
        <button @click="addCount">count+1</button>
    </div>
</template>

<script setup>
import {ref} from 'vue'
const count =ref(1)
const addCount = event =>{
    count.value++
    if(count.value % 2 === 0){
        event.target.style.border = '3px dotted'
    }else{
        event.target.style.border = '3px solid'
    }
}

const addCountN =(n,event)=> {
    count.value+=n
    if(count.value % 2 === 0){
        event.target.style.border = '3px dotted'
    }else{
        event.target.style.border = '3px solid'
    }
}
</script>